<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link rel="icon" href="./images/baidu.svg">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1863538_wr1yyn9u2b.css">
</head>
<body>
    <div class="head">
        <div class="nav">
            <div class="top-left">
                <a href="#">新闻</a>
                <a href="#">hao123</a>
                <a href="#">地图</a> 
                <a href="#">视频</a>
                <a href="#">贴吧</a>
                <a href="#">学术</a>
                <a href="#">更多</a>
            </div>
            <div class="top-right">
                <a href="#" class="top-menu kj">抗击肺炎</a>
                <a href="#" class="top-menu city">武汉
                    <i class="iconfont icon-Sun"></i>
                    31℃
                    <span>优</span>
                </a>
                <a href="#" class="top-menu settings">设置</a>
                <a href="#" class="top-menu user">
                   <span class="photo">
                        <img src="./images/user.jpg" alt="" >
                   </span>
                   <span class="id">UserID007</span>
                </a>
                <div class="user-menu">
                    <a href="#">个人中心</a>
                    <a href="#">消息</a>
                    <a href="#">账号设置</a>
                    <a href="#">切换账号</a>
                    <a href="#">退出登录</a>
                </div>
                <div class="weather-list">
                  
                    
                </div>
            </div>
        </div>
        <div class="head-wrap">
            <div class="search-wrap">
                <div class="search-form">
                    <div class="search-top">
                        <a href="https://www.baidu.com/s?wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn=SE_Pclogo_6ysd4c7a&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pc">
                            <img src="./images/logo.png" alt="图片加载失败" title="点我一下，了解更多">
                        </a>
                    </div>
                    <form action="https://www.baidu.com/s" target="_blank">
                        <span class="form-left">
                            <span class="soutu-btn"></span>
                            <input type="text"
                                    class="search-input"
                                    name="wd"
                                    maxlength="100"
                                    autocomplete="off"                           
                            >
                            <span class="soutu-hover">按图片搜索</span>
                        </span>
                        <span class="btn">
                            <input type="submit" value="百度一下" class="search-btn" >
                        </span>            
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>